<template>
  <div class="app">
    <header class="topbar">
      <strong>EmailChat</strong>
      <nav class="nav">
        <router-link to="/">首页</router-link>
      </nav>
    </header>

    <main class="main">
      <router-view />
    </main>
  </div>
</template>

<style scoped>
.app { min-height: 100vh; display: flex; flex-direction: column; }
.topbar { height: 56px; display: flex; align-items: center; gap: 16px;
  padding: 0 16px; border-bottom: 1px solid #eee; }
.nav a { margin-right: 12px; color: #409eff; text-decoration: none; }
.main { padding: 24px; }
</style>
